<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap-theme.min.css" rel="stylesheet">
    <link  th:href="@{/css/base.css}" rel="stylesheet" type="text/css">
    <script th:src="@{/js/jquery-1.8.3.min.js}"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/bootstrap.min.js"></script>
</head>
<style>
    body{
        background-color: #C7EDCC;
        font-family: "microsoft yahei";
        /*min-width: 800px;*/
    }

    .navbar{
        /*margin-bottom: -10px;*/
    }
    #myppt{
        margin-top: -20px;

    }
    .head{
        position: fixed;
        top: 0px;
        z-index: 33;
        width: 100%;
        height:80px;
        background-color: white;
        /*background: -webkit-linear-gradient(left, #fefdff, #f9f9ff); !* Safari 5.1 - 6.0 *!*/
        /*background: -o-linear-gradient(right, #fefdff, #f9f9ff); !* Opera 11.1 - 12.0 *!*/
        /*background: -moz-linear-gradient(right, #fefdff, #f9f9ff); !* Firefox 3.6 - 15 *!*/
        /*background: linear-gradient(to right, #fefdff, #f9f9ff); !* 标准的语法 *!*/
    }
    .buttom{
        position: fixed;
        bottom: 0px;
        z-index: 33;
        width: 100%;
        height:80px;
        background-color: white;
    }
</style>
<body >
<img th:src="@{/img/login_bg.jpg}" style="width: 100%;position: fixed;top: 0px;z-index: -99;">
<div class="head">
    <div style="margin-top: 20px; margin-left: 100px;">
        <b>
            <h4>
              ***系统登录页面
            </h4>
        </b>
    </div>
</div>
<div   style="display: block;margin-top: 280px;zoom: 0.8;z-index: 99;" >
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <button class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-title">
                <h1 class="text-center">登录</h1>
            </div>
            <div class="modal-body">
                <form class="form-group" action="../../v0/user/login" method="post">
                    <div class="form-group">
                        <label>用户名</label>
                        <input class="form-control" type="text" required="required" name="account" placeholder="">
                    </div>
                    <div class="form-group">
                        <label>密码</label>
                        <input class="form-control" type="password" required="required" name="password" placeholder="">
                    </div>
                    <div class="text-right">
                        <button class="btn btn-primary" type="submit">登录</button>
                        <button class="btn btn-danger" type="reset" data-dismiss="modal">重置</button>
                    </div>
                    <a href="" data-toggle="modal" data-dismiss="modal" data-target="#register">还没有账号？那就别注册了</a>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="buttom">
</div>
</body>
</html>